<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>滕王阁 | 江南三大名楼</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="renderer" content="webkit" />
        <!-- 视口的宽度等于设备的屏幕宽度 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- 初始化样式 -->
        <link rel="stylesheet" href="./css/base.css" />
        <!-- 页面样式 -->
        <link rel="stylesheet" href="./css/index.css" />
        <link rel="stylesheet" href="./css/two.css" />
        <!-- 引入axios -->
        <script src="./js/axios.js"></script>
    </head>
    <body>
        <!-- 顶部START -->
        <header>
            <div class="pc_header">
                <div class="wrap">
                    <!-- Logo -->
                    <div class="logo">
                        <a href="#">
                            <img src="./images/logo.png" alt="">
                        </a>
                    </div>
                    <!-- 顶部-天气、语言 -->
                    <div class="pc_header_top">
                        <div class="weather_box">
                            <div class="cart_list">
                                <a href="https://weathernew.pae.baidu.com/weathernew/pc?query=%E6%B1%9F%E8%A5%BF%E5%8D%97%E6%98%8C%E5%A4%A9%E6%B0%94&srcid=4982&forecast=long_day_forecast">
                                    <ul>
                                        <li id="city">南昌</li>
                                        <!-- 天气 -->
                                        <li id="weather">获取天气中...</li>
                                        <!-- 温度 -->
                                        <li id="temp"></li>
                                    </ul>
                                </a>
                            </div>
                            <div class="cart">
                                <ul>
                                    <!-- 湿度 -->
                                    <li id="humidity">获取天气中...</li>
                                    <!-- 能见度 -->
                                    <li id="visibility"></li>
                                    <!-- 风速 -->
                                    <li id="speed"></li>
                                    <!-- 风向 -->
                                    <li id="deg"></li>
                                    <!-- 等级 -->
                                    <li id="gust"></li>
                                </ul>
                            </div>
                        </div>
                        <!-- 搜索区域 -->
                        <div class="search">
                            <form action="" method="get">
                                <input type="text" placeholder="请输入" name="">
                                <button class="searvh_btn"></button>
                            </form>
                        </div>
                    </div>
                    <!-- 顶部导航 -->
                    <div class="pc_header_nav">
                        <nav class="fl">
                            <ul>
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./two.html"   style="padding-bottom: 7px;border-bottom: 2px solid #ba2727;color: #ba2727;">走进滕王阁</a></li>
                            <li><a href="./three.html">新闻咨询</a></li>
                            <li><a href="#">滕王阁文化</a></li>
                            <li><a href="#">滕王阁精彩影像</a></li>
                            <li><a href="#">公众平台</a></li>
                            <li><a href="#">旅游服务</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </header>
        <!-- 顶部END -->

        <!-- 浮动的顶部START -->
        <div class="xf_header">
            <div class="pc_header">
                <div class="wrap">
                    <!-- Logo -->
                    <div class="logo">
                        <a href="#">
                            <img src="./images/logo.png" alt="">
                        </a>
                    </div>
                    <!-- 顶部-天气、语言 -->
                    <div class="pc_header_top">
                        <div class="weather_box">
                            <div class="cart_list">
                                <a href="https://weathernew.pae.baidu.com/weathernew/pc?query=%E6%B1%9F%E8%A5%BF%E5%8D%97%E6%98%8C%E5%A4%A9%E6%B0%94&srcid=4982&forecast=long_day_forecast">
                                    <ul>
                                        <li id="city">南昌</li>
                                        <!-- 天气 -->
                                        <li id="weather">获取天气中...</li>
                                        <!-- 温度 -->
                                        <li id="temp"></li>
                                    </ul>
                                </a>
                            </div>
                            <div class="cart">
                                <ul>
                                    <!-- 湿度 -->
                                    <li id="humidity">获取天气中...</li>
                                    <!-- 能见度 -->
                                    <li id="visibility"></li>
                                    <!-- 风速 -->
                                    <li id="speed"></li>
                                    <!-- 风向 -->
                                    <li id="deg"></li>
                                    <!-- 等级 -->
                                    <li id="gust"></li>
                                </ul>
                            </div>
                        </div>
                        <!-- 搜索区域 -->
                        <div class="search">
                            <form action="" method="get">
                                <input type="text" placeholder="请输入" name="">
                                <button class="searvh_btn"></button>
                            </form>
                        </div>
                    </div>
                    <!-- 顶部导航 -->
                    <div class="pc_header_nav">
                        <nav class="fl">
                            <ul>
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./two.html" style="padding-bottom: 7px;border-bottom: 2px solid #ba2727;color: #ba2727;">走进滕王阁</a></li>
                            <li><a href="./three.html">新闻咨询</a></li>
                            <li><a href="#">滕王阁文化</a></li>
                            <li><a href="#">滕王阁精彩影像</a></li>
                            <li><a href="#">公众平台</a></li>
                            <li><a href="#">旅游服务</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <!-- 浮动的顶部END -->

        <!-- Banner-START -->
        <div class="banner">
            <div class="banner-box">
                <img src="./images/banner/banner1.jpg" alt="" />
            </div>
        </div>
        <!-- Banner-END -->

        <!-- 滕王阁内-隔断START -->
        <div class="partition_box big">
            <div class="partition">
                <h1>
                    <span class="span">
                        <i class="i">滕王阁内
                            <img class="img" src="./images/logo2.png">
                        </i>
                    </span>
                </h1>
            </div>
        </div>
        <!-- 滕王阁内-隔断END -->

        <!-- 地图START -->
        <div class="twg">
            <ul>
                <!-- 主阁一层外西侧（下临无地） -->
                <li>
                    <span>主阁一层外西侧（下临无地）</span>
                </li>
                <!-- 临江轩（水天一色） -->
                <li>
                    <span>临江轩（水天一色）</span>
                </li>
                <!-- 压江亭 -->
                <li>
                    <span>压江亭</span>
                </li>
                <!-- 挹翠亭 -->
                <li>
                    <span>挹翠亭</span>
                </li>
                <!-- 赣风堂西 -->
                <li>
                    <span>赣风堂西</span>
                </li>
                <!-- 假山广场 -->
                <li>
                    <span>假山广场</span>
                </li>
                <!-- 一进（千里逢迎） -->
                <li>
                    <span>一进（千里逢迎）</span>
                </li>
                <!-- 二进 -->
                <li>
                    <span>二进</span>
                </li>
                <!-- 熏风南来 -->
                <li>
                    <span>熏风南来</span>
                </li>
                <!-- 熏风亭 -->
                <li>
                    <span>熏风亭</span>
                </li>
                <!-- 赣风堂东（赣风鄱韵） -->
                <li>
                    <span>赣风堂东（赣风鄱韵）</span>
                </li>
                <!-- 东净轩 -->
                <li>
                    <span>东净轩</span>
                </li>
                <!-- 抱厦 -->
                <li>
                    <span>抱厦</span>
                </li>
                <!-- 寿山石 -->
                <li>
                    <span>寿山石</span>
                </li>
                <!-- 九曲桥 -->
                <li>
                    <span>九曲桥</span>
                </li>
                <!-- 南生态园 -->
                <li>
                    <span>南生态园</span>
                </li>
                <!-- 12米高台 -->
                <li>
                    <span>12米高台</span>
                </li>
                <!-- 千禧钟 -->
                <li>
                    <span>千禧钟</span>
                </li>
                <!-- 千禧钟回廊 -->
                <li>
                    <span>千禧钟回廊</span>
                </li>
                <!-- 太极广场 -->
                <li>
                    <span>太极广场</span>
                </li>
                <!-- 南长廊（滕王阁序印谱） -->
                <li>
                    <span>南长廊（滕王阁序印谱）</span>
                </li>
                <!-- 北长廊（滕王阁诗词集锦） -->
                <li>
                    <span>北长廊（滕王阁诗词集锦）</span>
                </li>
            </ul>
        </div>
        <!-- 地图END -->

        <!-- 滕王阁内-隔断START -->
        <div class="small_partition_box bkbj">
            <div class="small_partition">
                <h1>
                    <span class="span">
                        <i class="i">主阁一层外西侧
                            <img class="img" src="./images/logo2.png">
                        </i>
                    </span>
                </h1>
            </div>
        </div>
        <!-- 滕王阁内-隔断END -->

        <!-- BOX_START -->
        <div class="main_box">
            <div class="top_box">
                    <img src="./images/main_box.png" width="100%" alt="">
            </div>
            <div class="buttom_box">
                <div class="middle">
                    <img src="./images/t/1.jpg" width="100%" alt="">
                    <div class="layer"></div>
                  </div>
                  <div class="small_box">
                    <ul>
                      <li class="active"><img src="./images/t/1.jpg" alt=""></li>
                      <li><img src="./images/t/2.jpg" alt=""></li>
                      <li><img src="./images/t/3.jpg" alt=""></li>
                      <li><img src="./images/t/4.jpg" alt=""></li>
                    </ul>
                  </div>
                <div class="large"></div>
            </div>
        </div>
        <!-- BOX_END -->

        <!-- 板块START -->
        <div class="bk_big_box">
        </div>
        <!-- 板块END -->

        <!-- 网页底部模块START -->
        <footer>
            <div class="footer_box big">
                <ul>
                    <li>
                        <div class="footer_box_title">
                            <a href="">走进滕王阁</a>
                        </div>
                        <div class="footer_box_list">
                            <a href="">滕王阁介绍</a>
                            <a href="">景点预览</a>
                        </div>
                    </li>
                    <li>
                        <div class="footer_box_title">
                            <a href="">新闻咨询</a>
                        </div>
                        <div class="footer_box_list">
                            <a href="">热点关注</a>
                            <a href="">景点动态</a>
                        </div>
                    </li>
                    <li>
                        <div class="footer_box_title">
                            <a href="">滕王阁文化</a>
                        </div>
                        <div class="footer_box_list">
                            <a href="">滕王阁诗词</a>
                            <a href="">滕王阁文化</a>
                        </div>
                    </li>
                    <li>
                        <div class="footer_box_title">
                            <a href="">滕王阁精彩影像</a>
                        </div>
                        <div class="footer_box_list">
                            <a href="">滕王阁精彩图集</a>
                            <a href="">在线视频</a>
                        </div>
                    </li>
                    <li>
                        <div class="footer_box_title">
                            <a href="">公众平台</a>
                        </div>
                        <div class="footer_box_list">
                            <a href="">投诉建议</a>
                            <a href="">景区公告</a>
                            <a href="">满意度调查</a>
                            <a href="">联系我们</a>
                        </div>
                    </li>
                    <li>
                        <div class="footer_box_title">
                            <a href="">旅游服务</a>
                        </div>
                        <div class="footer_box_list">
                            <a href="">门票预订</a>
                            <a href="">交通指南</a>
                            <a href="">导游图</a>
                        </div>
                    </li>
                </ul>
                <div class="hotline">
                    <div class="hotline_text">
                        <span>咨询电话：0791－86702036</span>
                        <span>投诉电话：0791－86702055</span>
                        <span>救援电话：0791－86704236</span>
                        <span>地址：江西省南昌市仿古街58号  版权所有：南昌市滕王阁管理处</span>
                    </div>
                    <div class="ewm">
                        <span>官网二维码</span>
                        <img src="./images/ewm.jpg" alt="">
                    </div>
                </div>
            </div>
            <!-- 友情链接 -->
            <section class="twg-dibu">
            <p>
                <a href="http://dct.jiangxi.gov.cn/" target="_blank">江西省文化和旅游厅</a> |
                <a href="http://lyj.nc.gov.cn/ncslyj/" target="_blank">南昌市园林和林业局</a> |
                <a href="http://wgxj.nc.gov.cn/" target="_blank">南昌市文化和旅游局</a> | 
                <a href="https://dhq.nc.gov.cn/dhqrmzf/bmxxgkzn15/bmxxgkgkzn.shtml" target="_blank">南昌市东湖区</a> |
                <a href="https://www.ctrip.com/" target="_blank">携程</a> |
                <a href="http://www.cnhhl.com/" target="_blank">黄鹤楼</a> |
                <a href="https://www.yueyanglou.com/" target="_blank">岳阳楼</a>
            </p>
            <p>CopyRight @ 滕王阁</p>
            </section>
        </footer>
        <!-- 网页底部模块END -->

        <!-- 滕王阁里有电梯，网站也不能没有电梯 : ) -->
        <div class="twg-elevator">
            <ul class="twg-elevator-list">
              <li><a href="javascript:;" class="small">滕王阁内</a></li>
              <li><a href="javascript:;" class="small">底部信息</a></li>
              <li>
                <a href="javascript:;" id="backTop"><i>》</i>回到顶部</a>
              </li>
            </ul>
        </div>
        <!-- 滕王阁电梯END -->
    </body>
    <!-- 引入外部js -->
    <script src="./js/lmao.js"></script>
    <script src="./js/two.js"></script>
</html>
